<template>
	<view class="wrap">
			<u-form :model="model" :rules="rules" ref="uForm" :errorType="errorType">
				<u-form-item :leftIconStyle="{color: '#888', fontSize: '32rpx'}"  label-width="130" :label-position="labelPosition" label="姓名" prop="name">
					<u-input :border="border" placeholder="请输入姓名" v-model="model.name" type="text"></u-input>
				</u-form-item>
				<u-form-item :label-position="labelPosition" label="性别" prop="sex"  label-width="130">
					<u-input :border="border" type="text" :select-open="actionSheetShow" v-model="model.sex" placeholder="请选择性别"></u-input>
				</u-form-item>
				<u-form-item   label-width="130" :label-position="labelPosition" label="学院" prop="college">
					<u-input :border="border" placeholder="请输入学院" v-model="model.college" type="text"></u-input>
				</u-form-item>
				<u-form-item   label-width="130" :label-position="labelPosition" label="专业" prop="specialize">
					<u-input :border="border" placeholder="请输入专业" v-model="model.specialize" type="text"></u-input>
				</u-form-item>
				<u-form-item   label-width="130" :label-position="labelPosition" label="学号" prop="study_store">
					<u-input :border="border" placeholder="请输入学号" v-model="model.study_store" type="text"></u-input>
				</u-form-item>
				<u-form-item   label-width="130" :label-position="labelPosition" label="政治面貌" prop="polity_mask">
					<u-input :border="border" placeholder="请输入政治面貌" v-model="model.polity_mask" type="text"></u-input>
				</u-form-item>
				<u-form-item :rightIconStyle="{color: '#888', fontSize: '32rpx'}" right-icon="kefu-ermai" :label-position="labelPosition" label="手机号码" prop="phone" label-width="130">
					<u-input :border="border" placeholder="请输入手机号" v-model="model.phone" type="number"></u-input>
				</u-form-item>
				<u-form-item   label-width="130" :label-position="labelPosition" label="QQ号码" prop="qq">
					<u-input :border="border" placeholder="请输入QQ号" v-model="model.qq" type="text"></u-input>
				</u-form-item>
				<u-form-item   label-width="130" :label-position="labelPosition" label="社团1" prop="societies_name_1" class="soc">
					<u-input :border="border" placeholder="请输入社团名" v-model="model.societies_name_1" type="text"></u-input>
				</u-form-item>
				<u-form-item   label-width="130" :label-position="labelPosition" label="社团2" prop="societies_name_2" class="soc">
					<u-input :border="border" placeholder="请输入社团名" v-model="model.societies_name_2" type="text"></u-input>
				</u-form-item>
			</u-form>
			<!-- <u-button @click="" class="btn" type="warning">导出个人文件</u-button> -->
		</view>
</template>

<script>
	export default {
		data() {
			return {
				id:'',//简历id
				model: {
					name: '',
					sex: '',//性别
					colleg:'',//学院
					specialize:'',//专业
					study_store:'',	//学号			
					polity_mask:'',//政治面貌
					qq:'',//qq
					phone:'',//电话
					societies_num_1:'',
					societies_name_1:'',
					societies_num_2:'',
					societies_name_2:'',
				},
			}
		},
		onLoad(option) {
			//通过option.id获取这份简历的基本信息（社团报名表）
			this.$request({
				method: 'GET',
				url: '/getststinfor',
				data:{
					id:option.id
				},
				header: {
					'Content-Type': 'application/x-www-form-urlencoded'
				},
			}).then(res => {
				console.log(res.data)
				this.model = res.data
			}).catch(res => {
				console.log(res)
				// 失败后执行
				console.log('reserror')
			})
		},
		methods: {
			getInf(){
				
			},
		}
	}
</script>
<style>
.wrap {
	padding: 30rpx;
}

.agreement {
	display: flex;
	align-items: center;
	margin: 40rpx 0;

}
.agreement-text {
		padding-left: 8rpx;
		color: $u-tips-color;
	}
.soc{
	
}
.btn, button{
	margin: 20rpx;
}
</style>
